
.mymodal-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size:16px;
    background:#fff;
    width:374px;
    height: 200px;
    border-radius:10px;
    /*
    transform:  scale(.2);
    transition: transform .3s ease-out;
    animation: modalani-open .5s ease-out;
    */
}
.mymodal-container {
    /*
    animation: name duration timing-function delay iteration-count direction fill-mode;
    */
    animation-name: modalani-open;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}


@keyframes modalani-open {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes modalani-close {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0);
    }
}


.mymodal-content {
    width:100%;
    height: 96px;
    padding:17.25px;
    font-size: 14px;
    box-sizing: border-box;
}

.mymodal-op {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 57.55px;
    font-size: 18.4px;
    color: #676767;
    display:flex;
    justify-content:space-around;
    align-items:center
}

.op-item-yes {
    color: #ff6700;
}
